﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="MailBox.aspx.cs" Inherits="OnlineBusinesses.Apps.MailBox" %>
<asp:Content ID="mailboxpage" runat="server" ContentPlaceHolderID="ContentHome">
  <!-- SmartPhone -->
    <div class="col-xs-12 visible-xs" style="padding:5px;">
        <div class="col-xs-12" style="height:100px;padding:0px;
background-image: url('../../Images/icon main-page/Untitled-2.png');
background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
        </div>
        <div class="col-xs-12" style="padding:0px 15px;">
            <h5 style="font-size:90%;text-align:center;font-weight:bold;">Công cụ trực quan trong việc quản lý Email</h5>
            <h5 style="text-align:justify;font-size:85%;padding-bottom:10px;color:#333;">Thiết kế giao diện dễ nhìn, tính hợp sự đồng bộ trong việc thống kê thư từ, điều đó giúp bạn thành công hơn trong việc liên kết với khách hàng hoặc các thành viên trong nhóm.</h5>
        </div>

        <div class="col-xs-12" style="padding:0px;margin:5px 0px;height:1px;background:#ddd;"></div>

        <div class="col-xs-12" style="padding:5px;font-size:90%;">
            <h4>Đôi nét</h4>
            <div class="panel-group" id="accordion" style="margin-bottom:0px;">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Sử dụng ứng dụng Email dưới dạng tên miền website của bạn
                    </a>
                  </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                  <div class="panel-body">
                      <p>
Với vài thao tác cơ bản, bạn sẽ có thể đồng bộ được việc gửi email với điểm xuất phát email là tên website của bạn vì dụ như : support@company.com
                      </p>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Một hệ thống tối ưu nhất trên phương diện công việc
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
Sự đơn giản và tính linh động là xu hướng phát triển đối với sản phẩm MailBox, bạn có thể lưu các liên kết, các nhóm đối tác, thành viên một cách đơn giản và hiệu quả nhất nhằm tạo môi trường làm việc sôi động hơn.
                      </p>                  
                  </div>
                </div>
              </div>
            </div>
        </div>

    </div>

    <!-- /SmartPhone-->
<div class="col-md-12 hidden-xs" style="padding:0px;"> 
    <div class="col-md-12 col-xs-12" style="position:relative;padding:0px;height:400px;margin-top:132px;background-image: url('../Images/icon main-page/Untitled-2.png');background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; ">
        <div class="container">
            <div class="col-md-6" style="position:absolute;left:50%;top:22%;color:#fff;">
                <span style="font-size:36px;">
                    MailBox</span>
                <h3 style="font-weight:normal;">Công cụ trực quan trong việc quản lý Email</h3>
                <p style="padding:10px 0px 0px;font-size:15px;">
                    Thiết kế giao diện dễ nhìn, tính hợp sự đồng bộ trong việc thống kê thư từ, điều đó giúp bạn thành công hơn trong việc liên kết với khách hàng hoặc các thành viên trong nhóm
                </p><br/>
                <span class="try btn btn-default" style="background:#337BEA;color:#fff;border-radius:0px;">
                    Bắt đầu dùng thử 2$
                </span> 
            </div>
        </div>
    </div>
    <div class="col-md-12" style="padding:0px;">
        <div class="col-md-12 col-xs-12" style="padding:0px;background:#fff;">
            <div class="container">
                <div class="col-md-12" style="padding: 30px;">
                    <div class="col-md-6" style="padding: 0px;">
                        <div class="col-md-12" style="padding:30px;">
                            <h3 style="color:#888;">
                                Sử dụng ứng dụng Email dưới dạng tên miền website của bạn
                            </h3>
                            <p style="padding-top:20px;text-align:justify;">
                                Với vài thao tác cơ bản, bạn sẽ có thể đồng bộ được việc gửi email với điểm xuất phát email là tên website của bạn vì dụ như : support@company.com
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6" style="padding: 0px;">
                        <img class="img" src="../Images/icon main-page/Untitled-1.png" style="width:100%;" />
                    </div>
                </div>
                <div class="col-md-12" style="padding: 30px">
                    <div class="col-md-6" style="padding: 0px;text-align:center;">
                        <img class="img" src="https://cdn.empowernetwork.com/user_images/post/2013/08/01/1/6e/7a29/540_293_resize_20130801_16e7a296cc5514f1f72abfa95594e8cf_png.png" />
                    </div>
                    <div class="col-md-6" style="padding: 0px;">
                        <div class="col-md-12" style="padding:30px;">
                            <h3 style="color:#888;">
                                Một hệ thống tối ưu nhất trên phương diện công việc
                            </h3>
                            <p style="padding-top:20px;text-align:justify;">
                                Sự đơn giản và tính linh động là xu hướng phát triển đối với sản phẩm MailBox, bạn có thể lưu các liên kết, các nhóm đối tác, thành viên một cách đơn giản và hiệu quả nhất nhằm tạo môi trường làm việc sôi động hơn.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-xs-12" style="padding:0px;">
        <div class="container">
            <div class="col-md-12" style="padding:50px;">
                <h3 style="font-weight:200;color:#666;text-align:center;">
                    Một số câu hỏi thường gặp
                </h3>
                <div class="col-md-12" style="padding:10px 0px;">
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Tôi có thể gửi liên lạc cho 1 nhóm người thay vì liệc kê từng người hay không ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;color:#888;">
                                    Tất nhiên là được, với 1 tài khoản, bạn có thể tạo ra bao nhiêu nhóm tùy thích, và tích hợp những nhóm đó với từng email mà bạn cho rằng phù hợp.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Khi gửi và nhận email, tên hiển thị của tôi sẽ được hiển thị như thế nào ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;color:#888;">
                                    Sau đăng ký, bạn sẽ phải xác nhận tên miền sử dụng của bạn. Khi đó khi sử dụng MailBox địa chỉ sử dụng email sẽ là:<br/> support@tên miền công ty.com
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Tôi có thể sử dụng MailBox như một email thông thường hay là không ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;color:#888;">
                                    MailBox được thiết kế dựa trên tiêu chí hoạt động cho doanh nghiệp, chỉ phục vụ cho việc gửi nhận email nên sẽ không có bất kì hình thức spam nào diễn ra.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-xs-12" style="padding:0px;">
        <div class="container">
            <div class="col-md-12" style="padding:50px;text-align:center;">
                <h2 style="font-weight:200;color:#666;">Bắt đầu dùng thử 30 ngày với 
                    <span style="font-family: 'Patrick Hand', cursive; font-size: 40px;">
                            <b style="color: #d00;">FA</b>mails</span>
                </h2>
                <p style="font-size:12px;padding-bottom:10px;">Bao gồm các tính năng dùng cho doanh nghiệp ( Bản dùng thử )</p>
                            <a href="../../Info/Register.aspx?packageId=20" style="text-decoration:none;"><span class="btn btn-default" style="background:#337BEA;color:#fff;border-radius:0px;">
                                Bắt đầu dùng thử 2$
                            </span> </a>
            </div>
        </div>
    </div>
</div>
</asp:Content>